<!--
 * @Description: In userInfo Settings Edit
 * @Author: your name
 * @Date: 2019-08-08 09:42:10
 * @LastEditTime: 2019-09-30 15:34:06
 * @LastEditors: Please set LastEditors
 -->
<template>
    <div :style="{height:datas.windowHeight+'rpx'}">
        <!-- wxp template -->
        <!-- <scroll-view :scroll-into-view="toView" scroll-y="true" scroll-with-animation="true"> -->
            <view class="wboxy">
                <view class="topcontengt">
                    <image :src="newdata.custImg" class="titie_img"></image>
                    <view class="box_xq">
                        <text class="nung">{{newdata.shortTime}}</text>
                        <span :decode="true">{{newdata.custNname}}</span>
                        <span class="clumol" v-if="newdata.tagsList">{{newdata.tagsList[0].tagName}}</span>
                    </view>
                </view>

                <view class="midiie_conteng">
                    <text>{{newdata.title}}</text>
                    <view class="z_conty" v-if="newdata.infoDesc">
                        {{newdata.infoDesc}}
                    </view>
                </view>
                <view  class="conten_img" v-if="newdata.infoType == 2" >
                    <!-- <image v-for="(item,y) in newdata.fileList" :key="y" :src="item.fileUrl" lass="titie_imgs" :lass="picClass[index].class" :mode="picClass[index].mode" @click="clivkimg" :data-srcs="imgUrl+item.fileUrl"></image> -->
                    <image :class="imgs_class" v-for="(item,y) in newdata.fileList" :key="y" :src="item.fileUrl" @click="clivkimg" :data-srcs="item.fileUrl" mode="aspectFill"></image> 
                    <!-- <image v-show="newdata.fileList.length > 1" v-for="(item,y) in newdata.fileList" :key="y" :src="item.fileUrl" class="titie_imgs" @click="clivkimg" :data-srcs="item.fileUrl"></image>  -->
                </view>

                <view class="conten_img" v-if="newdata.infoType == 3">
                    <video :src="newdata.fileList[0].fileUrl"></video>
                </view>

                <view class="cin_z">
                    <!-- <view>
                        <view>
                            <image class="goky" @click="godly" :src="[newdata.isGood == 0?'/static/images/dianzan_icon_focus_@2x.png':'/static/images/dianzan_icon_default@2x.png']"></image><text>{{newdata.goodS}}</text>
                        </view>
                    </view> -->
                    <image v-for="(item,idy) in newdata.goodList" :key="idy" :src="item.headImg"></image>
                    <div class="img_an"><img src="" alt=""></div>
                </view>
                 <view class="csy_p" :id="toView">
                    <view class="ty_l">评论({{newdata.commentS}})</view>
                    <view class="hy_conty" v-for="(item,uid) in datas.listment" :key="uid">
                        <view class="bigbox"
                         @click="myment" 
                        :data-cmtType="item.cmtType" 
                        :data-name="item.userNickName+'--'+item.userHeadImg" 
                        :data-delFlag="item.delFlag" 
                        :data-commentId="item.uid" 
                        :data-state="[item.cmtType == 2?(datas.userId==item.userId)?1:2:(datas.userId==item.userId)?1:2]">
                            <view>
                                 <view class="hy_jt">
                                    <image :src="item.userHeadImg"></image>
                                    <text>{{item.userNickName}}</text>
                                    <view>
                                </view>

                                <view class="hy_jt" v-if="item.cmtType == 2">
                                    <text class="tymig">回复</text>
                                    <image :src="item.replyHeadImg"></image>
                                    <text>{{item.replyNickName}}</text>
                                </view>
                               
                            </view>
                            <view class="mifflie" style="font-size: 18px;color: #070707;line-height: 30px;margin-left:30px;">
                                 <!-- {{item.delFlag+'*********'}} -->
                                 <!-- {{datas.ty[0].c}}==={{datas.ag}} -->
                                {{item.delFlag == 0?item.context:"评论已删除"}}
                            </view>

                            
                            <!-- {{item.delFlag}}
                            {{item.cmtType == 2?'--'+item.replyNickName:'--'+item.userNickName}} -->
                            <view class="inrinfo" 
                                v-if="item.delFlag == 0" 
                                @click.stop="inrinfo" 
                                :data-cmtType="item.cmtType" 
                                :data-name="'--'+item.userNickName+'--'+item.userHeadImg" 
                                :data-commentIds="item.uid" 
                                :data-state="(item.cmtType == 2) ? ((datas.userId==item.userId)?1:2) : ((datas.userId==item.userId)?1:2)">
                                    <!-- {{datas.userId+'=='+item.userId}} -->
                                    <!-- {{item.cmtType == 2?(datas.userId==item.userId)?"删除1":"回复1":(datas.userId==item.userId)?"删除":"回复"}} -->
                                    {{item.cmtType == 2?(datas.userId==item.userId)?"删除":"回复":(datas.userId==item.userId)?"删除":"回复"}}
                                </view>
                            </view>
                        </view> 
                    </view> 
                </view>
            </view>
           
        <!-- </scroll-view> -->
         <view class="almey" v-if="datas.almety" @click.stop="almeyy">
         </view>
            <!-- <view class="conyu" v-if="datas.almety"> -->
             <view class="conyu" v-if="datas.almety">
                <form @submit="formSubmit">
                    <view>
                        <!-- <textarea :placeholder="datas.mity == 1?'请输入要评论的内容':'回复'+datas.him+':'" maxlength="50" name="txt2" :focus="datas.aloky" cursor-spacing="100" :autofocus="datas.focus==true?'autofocus':''"></textarea> -->
                        <input type="text" cursor-spacing='10' :placeholder="datas.mity == 1?'请输入要评论的内容':'回复'+datas.him+':'" :autofocus="datas.focus==true?'autofocus':''" name="txt2" :focus="datas.aloky" maxlength="20">
                        <button class="btnly" formType="submit">发表</button>
                    </view>
                </form>
            </view>
        <view class="bom_gd" v-if="datas.viewfn" :class="datas.viewfn == false?'ldas':''">
                <!-- <view bindtap="onShareAppMessage"> -->
                <button open-type="share">
                    <image src="/static/images/ty.png" alt=""></image>分享
                </button>
                <!-- </view>  -->
                <view @click="scrollToViewFn" data-isy="ty">
                    <image src="/static/images/io.png" alt=""></image>
                    评论
                </view>
                <view @click="godly">
                    <image :src="newdata.isGood == 0?'/static/images/noYu.png':'/static/images/6c94186b13163ead1680ea4d5ea459e.png'" alt=""></image>
                    点赞
                </view>
                <view class="last_cy" @click="last_cy">去首页</view>
        </view>
    </div>
</template>


<script>
var app = getApp();
import apis from '../../utils/apiC'
import utily from '../../utils/utliyC'
export default {
    data(){       
        return {
            datas:{
                    aloky:true,
                    uid: '',
                    userId: '',
                    comments:'',
                    limit:10,
                    offset:0,
                    almety:false,
                    mity: 1, //评论状态 1：自己评论 2回复  默认状态为1
                    him: '', //评论区被回复人名称
                    listment: [{}], //回复列表状态  1：无回复列表 2有回复列表
                    actsy:'',//评论内容
                    picClass: [],
                    goinfo: 1, //发布调用接口状态  1底部评论调用 2点击回复调用
                    cmtType: '', //删除cmtType1评论2回复
                    commentId: '', //被回复评论id
                    userimg:'', //被回复人评论头像
                    toView: '',
                    focus: false,
                    nescommentId:'', //记录本地操作uid
                    ag:1, //配合deletely方法使用
                    // shareXq:'', //分享点击进入携带详情数据
                    formPage:1,
                    viewfn:true,
                    windowHeight:'',
                    // windowWidth:''
                    // token:'' //分享时传输 当被分享人还未注册时用分享人的token
            },
            newdata:{ },  //详情所有数据
            imgs_class:'' //适配图片类名
        }
    },

        onLoad(options) {
           var imgUrl = apis.domainy;
           var _this = this;
            if(wx.getStorageSync('userInfo').userId != ''){
                this.ls_setData({
                    uid: options.teeny,
                    userId: options.userid,
                    comments: options.comments,
                    userInfo: wx.getStorageSync('userInfo')
                },this);
            }else{
                this.ls_setData({
                    uid: options.teeny,
                    userId: options.userId,
                },this);
                //当被分享人还未注册时使用分享人的token请求评论列表
                wx.setStorageSync('token',options.token)
            }

        wx.getSystemInfo({
            success: function (res) {
                console.log(res)
              _this.datas.windowHeight = res.screenHeight;
            }
        })

    },

    onShow() {
        if(wx.getStorageSync('userInfo').userId != ''){
            this.ls_setData({
                userId:wx.getStorageSync('userInfo').userId //当被分享人授权成功再返回需要从缓存里面拿userId
            },this)
        }

         this.ls_setData({
                    offset:0,
                    userInfo: wx.getStorageSync('userInfo'), //当被分享人授权成功再返回需要从缓存里面拿自己的user
                    listment:[]
                },this);

        this.$options.ajsxstate(1, 1, 1,this);
    },

    methods:{
        ls_setData(obj,thy){
            for(let items in obj){
                thy.$set(thy.datas,[items],obj[items])
            }
        },
        last_cy(){
            utily.jump.loginPage()
            wx.switchTab({
                url:'/pages/index/main'
                })
        },
        clivkimg(e) {  //点击浏览图片
            var thyy = this;
            var current = e.target.dataset.srcs;
            var imgArr = [];
            for (var i = 0; i < this.newdata.fileList.length; i++) {
                imgArr.push(this.newdata.fileList[i].fileUrl);
            }

            wx.previewImage({
                current: current, // 当前显示图片的http链接  
                urls: imgArr // 需要预览的图片http链接列表  
            });
        },
        scrollToViewFn(e) { //点击评论框评论
            utily.jump.loginPage()
            //点击评论框
            var _id = e.currentTarget.dataset.isy;
            this.$options.methods.ls_setData({
                    aloky: true, 
                    almety: true, 
                    viewfn:false,
                    mity: 1, 
                    goinfo: 1,
                    toView:_id
            },this)
        },

        myment(e) { //点击列表空白区回复
            var atiyy = e.currentTarget.dataset.name.split("--");
            if (e.currentTarget.dataset.delflag == 0 && e.currentTarget.dataset.state == 2) {
                this.$options.methods.ls_setData({
                    him: atiyy[1],
                    almety: true,
                    viewfn:false,
                    mity: 2,
                    commentId: e.target.dataset.commentid,
                    goinfo: 2,
                    userimg: atiyy[2]
                },this);

            }else if (e.currentTarget.dataset.delflag == 0 && e.currentTarget.dataset.state == 1) {
            
                this.ls_setData({
                    commentId: e.currentTarget.dataset.commentid,
                    cmtType: e.currentTarget.dataset.cmtType
                });
                this.$options.ajsxstate(2, 1, 3,this);
            } else if (e.currentTarget.dataset.delflag == 1) {
                 this.$options.showToast("评论已被删除");
            }
        },

        inrinfo(e) {  //点击列表回复按钮回复
            utily.jump.loginPage()
            
            var atiyy = e.currentTarget.dataset.name.split("--");
            if (e.currentTarget.dataset.state == 1) {   //e.currentTarget.dataset.state等于1时 为删除
                    this.$options.methods.ls_setData({
                        nescommentId: e.currentTarget.dataset.commentids,
                        cmtType: e.currentTarget.dataset.cmttype
                },this);
                    this.$options.ajsxstate(2, 1, 3,this);
                } else {     //e.currentTarget.dataset.state等于2时 为回复
                    this.$options.methods.ls_setData({
                        him: atiyy[1],
                        almety: true,
                        mity: 2,
                        nescommentId: e.currentTarget.dataset.commentids,
                        goinfo: 2,
                        userimg: atiyy[2]
                    },this);
            }
        },

        godly() { //点击点赞
            console.log(1)
            let openId = wx.getStorageSync('userInfo').openId
            utily.ismoty(this.newdata.uid,this, 2);
        },

        almeyy() {
            this.datas.almety = false;
            this.datas.viewfn = true;
        },

        formSubmit(e) {
            this.datas.actsy= e.target.value.txt2
            this.datas.almety = false;
            this.datas.viewfn = true;
            if (e.target.value.txt2 != '') {
            this.$options.ajsxstate(2, e.target.value.txt2, this.datas.goinfo,this);
            } else {
              this.$options.showToast("内容不能为空"); 
            }
        }
    },

    meukyFunL:function(thtys){
        console.log(thtys.datas.userInfo.userImg)
            var newobj;
            if (thtys.datas.goinfo == 1) {    
                newobj = { 
                    cmtType: 1, 
                    context:  thtys.datas.actsy, 
                    delFlag: 0, 
                    userid: thtys.datas.userInfo.userId, 
                    userNickName: thtys.datas.userInfo.nickName, 
                    userHeadImg: thtys.datas.userInfo.headImg,
                    uid:thtys.datas.nescommentId, 
                    commentId:thtys.datas.nescommentId,
                    local: "local" ,
                };
            } else {
                newobj = {
                    cmtType: 2,
                    context:  thtys.datas.actsy,
                    delFlag: 0,
                    userid: thtys.datas.userInfo.userId,
                    userNickName: thtys.datas.userInfo.nickName,
                    userHeadImg: thtys.datas.userInfo.headImg,
                    replyNickName: thtys.datas.him,
                    replyHeadImg: thtys.datas.userimg,
                    commentId:thtys.datas.nescommentId,
                    uid:thtys.datas.nescommentId, 
                    local: "local",
                };
            }

            // thtys.$set(thtys.datas,'almety',false);
            thtys.$set(thtys.datas,'listment',thtys.datas.listment.concat(newobj));
    },

     onPullDownRefresh() {
        this.$options.ajsxstate(1, 1, 1,this);
    },

        ajsxstate(num, content, num2,thyy) {  //页面所有公用请求函数
            //num为1初始加载调用  2其他调用  num2为1调用评论接口 2调用回复接口  content为评论或回复内容
            // var thre = this;
            var userId;
            var imgs_class = "";
            if (num == 1 && num2 == 1) {

            //拿取详情所有信息this.data.userid  this.data.uid
            var successFa2 = function successFa2(data, sourceObj) {
                handle(data)
            };

            //详情所有评论列表 this.data.uid  
            var successFa3 = function successFa3(datas, sourceObj) {
                if (datas.data.data != undefined) {
                    // thyy.$set(thyy.datas,'ag',thyy.datas.ag++); 
                    thyy.$set(thyy.datas,'listment',datas.data.data)
                }
            };
            
            //主要针对分享后 判断用户点击进入是否是已经注册的用户 如果已注册用户看到的信息为自己的 否则看到的为上个分享人的信息
            if(wx.getStorageSync('userInfo').userId != ''){ 
                  userId = wx.getStorageSync('userInfo').userId
                  // thyy.$set(thyy.datas,'atyoy','有')
               }else{
                userId = thyy.datas.userId
            }
                
                apis.details('get',{userId:userId, infoId:thyy.datas.uid},successFa2);
                apis.xqlist('post',{infoId:thyy.datas.uid, limit:thyy.datas.limit, offset:thyy.datas.offset},successFa3);
           

            function handle(data){
                var newdata = data.data.data
                
                newdata.creatTime = utily.getDate(newdata.createTime);
                for(var k=0;k<newdata.fileList.length;k++){
                     if(!(newdata.fileList[k].fileUrl.includes('http://')||newdata.fileList[k].fileUrl.includes('https://'))){
                                newdata.fileList[k].fileUrl=thyy.globalData.domainy+newdata.fileList[k].fileUrl
                                }
                }
                if(newdata.fileList.length > 1){
                     if(newdata.fileList.length == 2 || newdata.fileList.length == 4){
                            imgs_class = 'twoimg'
                        }else if(newdata.fileList.length >= 3){
                            imgs_class = 'thereimg'
                        }
                }

                thyy.$set(thyy,'imgs_class',imgs_class)
                thyy.$set(thyy,'newdata',newdata)

            }

            } else if (num == 2 && num2 == 1) {
            //评论 xcxOpenId    
            var _successFa = function _successFa(datas, sourceObj) {
                // thyy.$options.methods.ls_setData({
                //     nescommentId: datas.data.data.uid //记录本地操作列表的uid 
                // },thyy);
                thyy.datas.nescommentId = datas.data.data.uid;
                thyy.$options.methods.ls_setData({
                   nescommentId: datas.data.data.uid //记录本地操作列表的uid
                },thyy);
                thyy.$options.meukyFunL(thyy)
                thyy.$options.showToast("评论成功");
                thyy.$set(thyy.newdata,'commentS',++thyy.newdata.commentS)
            };
            apis.addComment('post',{userId:thyy.datas.userInfo.userId,infoId:thyy.datas.uid,context:content}, _successFa);
            } else if (num == 2 && num2 == 2) {
            //回复 xcxOpenId    
            var _successFa2 = function _successFa2(datasy, sourceObj) {
                thyy.$options.methods.ls_setData({
                   nescommentId: datasy.data.data.uid //记录本地操作列表的uid
                },thyy);
                thyy.$options.meukyFunL(thyy)
                thyy.$options.showToast("回复成功");
            };
            apis.addReply('post',{userId:thyy.datas.userInfo.userId,commentId:thyy.datas.nescommentId,context:content}, _successFa2);
            } else {
            var deletely = function deletely() {
                apis.del('post',{commentId:thyy.datas.nescommentId, userId:thyy.datas.userInfo.userId, cmtType:thyy.datas.cmtType},successFa4); //删除评论   
                function successFa4(datasy, sourceObj) {
                        if (datasy.data.ret == 1) {
                            for (var i = 0; i < thyy.datas.listment.length; i++) {
                                if (thyy.datas.nescommentId == thyy.datas.listment[i].commentId || thyy.datas.nescommentId == thyy.datas.listment[i].uid) {
                                    thyy.datas.listment[i].delFlag = 1;
                                } 
                            }

                           
                            thyy.$set(thyy.datas,'ag',thyy.datas.ag++);  //由于listment里面的数组对象无法自动更新所以每次ag加1带动listment视图更新
                            thyy.$set(thyy.datas,'listment',thyy.datas.listment);
                            thyy.$options.showToast("删除成功");
                        } else {
                            thyy.$options.showToast("删除失败,请检查网络");
                        }
                }
            };

                wx.showModal({
                    title: '确认删除该评论',
                    content: '',
                    confirmText: "确认",
                    cancelText: "取消",
                    success: function success(res) {
                        if (res.confirm) {
                            deletely();
                        } else {
                        }
                    }
                });
                
            }
        },

        showToast(txct) {
            var thik = this;
            wx.showToast({
                title: txct,
                icon: 'succes',
                duration: 1500,
                mask: true
            });
        },

    onReachBottom() {
        let offset= this.datas.offset + this.datas.limit;
        this.$set(this.datas,"offset",offset)
        var thisu = this;
        apis.xqlist('post',{infoId:this.datas.uid, limit:this.datas.limit, offset:this.datas.offset},successFa3);
        function successFa3(datas, sourceObj) {
            if (datas.data.data != undefined) {
                thisu.$set(thisu.datas,'listment',thisu.datas.listment.concat(datas.data.data))
            }
        }
    },
     //转发
    onShareAppMessage: function (res) {
     return {
       title: this.newdata.title,     // 分享出去的标题
       path: "/pages/detail/main?formPage=2"+"&teeny="+this.datas.uid+'&userId='+this.datas.userId+"&token="+wx.getStorageSync('userInfo').token,   // 分享之后再点进去的路径，可以带参数
    //  path: "/pages/detail/main?formPage=2"+"&shareXq="+JSON.stringify(this.newdata)+'&sharePl='+this.datas.listment,   // 分享之后再点进去的路径，可以带参数
       success: function (res) {
         // 转发成功
       },
       fail: function (res) {
         // 转发失败
       }
     }
   }
   
}
</script>


<style lang="less">
page{
    width: 100%;
    position: relative;
  }
 
  page>view{
    width: 100%;
    height: 100%;
  }
  .wboxy{
    width: 92%;
    height: 100%;
    margin: 0 auto;
    margin-top: 32rpx;
  }
  .wboxy .topcontengt .titie_img{width: 86rpx;height: 86rpx;border-radius:100%;vertical-align: middle;margin-right: 20rpx;}
  .wboxy .topcontengt .box_xq{display: inline-block;width: 75%;vertical-align: top;color:#686868;font-size:28rpx;}
  .wboxy .topcontengt .box_xq text{display: block;font-size: 28rpx;color: #686868;}
  .wboxy .topcontengt .box_xq span{font-size: 28rpx;color: #686868;}
  .wboxy .topcontengt .box_xq .nung{font-size: 28rpx;color: #afafaf;margin-bottom:15rpx;}
  .wboxy .topcontengt .box_xq .clumol{margin-left:24rpx;height:32rpx;width:78rpx;padding:0 15rpx;border: 1px solid #e94a69;border-radius: 13rpx;}
  .wboxy .midiie_conteng{margin-top: 38rpx;}
  .wboxy .midiie_conteng text{font-size: 42rpx;color: #080808;font-weight: bold;display: inline-block;width: 100%;text-align: center;margin-bottom: 42rpx;}
  .wboxy .midiie_conteng .z_conty{text-indent: 50rpx;font-size:36rpx;color:#070707;line-height:60rpx}
  .wboxy .conten_img{margin-top:30rpx;}
  .wboxy .conten_img image{width: 100%;}
  .wboxy .conten_img video{width: 100%;}
  .wboxy .conten_img image:nth-child(3n-1){margin: 0 1% 0 1%;}
  .wboxy .conten_img .twoimg{width: 40%;height: 100px;margin: 0;margin:0 0% 0 3% !important;}
  .wboxy .conten_img .thereimg{width: 32.6%;height: 100px;}
//   .wboxy .conten_img :nth-child(2){margin: 0 8rpx 0 8rpx;}
  .wboxy .conten_vd .conty_vd{width: 100%;height: 346rpx;display: none;}
  .wboxy .cin_z{width: 98%;margin-top:55rpx;
padding-bottom:20rpx;
border-bottom:1rpx solid #ccc;
box-sizing:border-box;
padding:0 30rpx 60rpx;
}
  .wboxy .cin_z image{width: 58rpx;height: 58rpx;border-radius:50%;margin-right: 10rpx;}
  .wboxy .cin_z view{height: 80rpx;}
  .wboxy .cin_z view view{display: inline;float: right;}
  .wboxy .cin_z view view .goky{width: 40rpx;height: 40rpx;}
  .wboxy .cin_z view view .gokyct{width: 34rpx;height: 30rpx;}
  .wboxy .csy_p{margin: 24rpx 0 140rpx 0;}
  .wboxy .csy_p .ty_l{font-size: 36rpx;color: #070707;margin-bottom: 28rpx;font-weight: 700;}
  .wboxy .csy_p .hy_conty{margin-top: 40rpx;font-size:24rpx;}
//   .wboxy .csy_p .hy_conty .bigbox{}
  .wboxy .csy_p .hy_conty image{width: 70rpx;height: 70rpx;border-radius:50%;vertical-align: top;}
  .wboxy .csy_p .hy_conty .hy_jt{display: block;}
  .wboxy .csy_p .hy_conty .hy_jt .tymig{font-size: 14px;
    color: #272727;
    line-height: 20px;
    margin:14px;
    margin-left: 14px!important;
    color: #070707!important;}
  .wboxy .csy_p .hy_conty .hy_jt  view{display:inline-block;}
  .wboxy .csy_p .hy_conty .tymig{margin: 0 15rpx 0 15rpx;}
  .wboxy .csy_p .hy_conty .hy_jt text{color: #686868;font-size: 30rpx;line-height: 70rpx;margin-left:10rpx;}
  .wboxy .csy_p .hy_conty  view{font-size: 28rpx;color: #272727;line-height: 40rpx;position:relative;}
  .wboxy .csy_p .hy_conty  view .inrinfo{margin-top: 10rpx;color: #5d80c1;position:absolute;
right:0px;
top:4px;
}
  /* .wboxy .csy_p .hy_conty .hy_jt view .anmoys{width: 100%;height: 200rpx;background: #eee;margin-top: 30rpx;} */

  .bom_gd{position:fixed;bottom:0;width: 100%;height: 98rpx;background: #fff;;border-top:1rpx solid #bfbfbf;border-bottom:1rpx solid #bfbfbf;z-index: 20;}
  .bom_gd view{display: inline-block;width: 20.67%;height: 100%;text-align: center;vertical-align: top;font-size: 22rpx;}
  .bom_gd button{display: inline-block;width: 20.67%;height: 100%;text-align: center;vertical-align: top;font-size: 22rpx;line-height: 40rpx;margin-top: 0;background:none;
}
  .bom_gd .last_cy{width: 37%;height: 98rpx;line-height: 98rpx;background: red;color: #fff;float: right;margin: 0;font-size: 32rpx;}
  .bom_gd view image{width:46rpx;height: 46rpx;display: block;margin: 0 auto;margin-top:8rpx;}
  .bom_gd button image{width:46rpx;height: 46rpx;display: block;margin: 0 auto;margin-top:8rpx;}
  .ldas{display: none;}
  .almey{width: 100%;height: 100%;position: fixed;top: 0;left: 0;background: rgba(0, 0, 0, .2);z-index: 15;}
  .conyu{width: 100%;position: fixed;bottom:0;left: 0;height:150rpx;z-index: 30;background: #fff;}
  .conyu view{width: 90%;margin:0 auto;height:100%;
}
//   .conyu view textarea{
    .conyu view input{
      width:74%;
      height:60rpx;
      line-height: 60rpx;
      margin-top:26rpx;
      margin-top:26rpx;
      background:#fff;
      display:inline-block;
      vertical-align:top;
      margin-right:22rpx;
      padding-top:10rpx;
      padding-left:15rpx;
      border-radius:32rpx;
      background:#eee;
      }
  .conyu view .btnly{width:20%;
        width:20%;
      height:68rpx;
      text-align:center;
      line-height:60rpx;
      background:#e94a69;
      margin-top:25rpx;
      margin-right:0rpx;
      margin-left:0;
      margin: 25rpx 0rpx 20rpx 0rpx;
      border-radius:30rpx;
      color:#fff;
      font-size:30rpx;
      display:inline-block;
      
      padding:0;
      border-radius:30rpx;
      }
button::after{
border:none;
}
</style>



